<template>
	<view>
		<view class="my">
			<view class="my-info">
				<u--image width="80px" height="80px" src="../../static/logo.png" shape="circle"></u--image>
				<view class="my-info-username">
					{{content}}
				</view>
			</view>
		</view>
		<view class="my-main">
			<u-cell-group>
				<u-cell icon="edit-pen" title="笔记" :isLink="true" arrow-direction="right"></u-cell>
			</u-cell-group>
		</view>
		
		
		
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters,
		mapMutations,
		mapActions
	} from 'vuex'
	// import {
	// 	quillEditor
	// } from "vue-quill-editor";
	export default {
		data() {
			return {
				content: "this is a simple demo",
				placeholder: '开始输入...',
				showimgsize:true

				}
		},
		methods: {
			btnToken() {
				uni.$u.http.get('/api/articleCat/all')
					.then(res => {
						console.log(res)
					})
					.catch(err => {
						console.log(err)
					})

			},
		

		},
		computed: {
			...mapState(['$userInfo']),
			...mapGetters(['getCatalogsByShow'])
			//计算属性
			// count(){
			// 	//使用全局变量进行处理的
			// 	return this.$store.state.$count
			// }
		},
		components: {
			//quillEditor
		}

	}
</script>

<style scoped>
	.my {
		height: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #C8C9CC;
	}

	.my-info {
		height: 50px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#editor {
			width: 100%;
			height: 300px;
			background-color: #CCCCCC;
		}
</style>
